<template>
  <div class="content content51">
    <el-tabs type="border-card" v-model="activeTab">
      <el-tab-pane label="机械性能部分" name="1">
        <mechanicalPerformancePart :basicForm="basicForm" :activeTab="activeTab"></mechanicalPerformancePart>
      </el-tab-pane>
      <el-tab-pane label="杂散辐射检测结果" name="2">
        <strayRadiationDetectionResults :basicForm="basicForm" :activeTab="activeTab"></strayRadiationDetectionResults>
      </el-tab-pane>
      <el-tab-pane label="限束装置的泄漏辐射检测结果" name="3">
        <leakageRadiationDetectionResults :basicForm="basicForm" :activeTab="activeTab"></leakageRadiationDetectionResults>
      </el-tab-pane>
      <el-tab-pane label="设备质量控制检测结果" name="4">
        <equipmentQualityControlTestingResults :basicForm="basicForm" :activeTab="activeTab"></equipmentQualityControlTestingResults>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import mechanicalPerformancePart  from "@/views/slide/components/testItem/mechanical-performance-part.vue";
  import strayRadiationDetectionResults  from "@/views/slide/components/testItem/stray-radiation-detection-results.vue";
  import leakageRadiationDetectionResults  from "@/views/slide/components/testItem/leakage-radiation-detection-results.vue";
  import equipmentQualityControlTestingResults  from "@/views/slide/components/testItem/equipment-quality-control-testing-results.vue";
  export default{
    name:'testItem51',
    components:{mechanicalPerformancePart,strayRadiationDetectionResults,leakageRadiationDetectionResults,equipmentQualityControlTestingResults},
    props: {
    	// tab栏
      activeNameEquipment: {
    		type: String,
        default: "0",
      },
    	// 基本信息数据
      basicForm: {
    		type: Object,
        default: () => {
    			return {}
    		},
      },
    },
    data(){
      return{
        activeTab:'1',
      }
    }
  }
</script>

<style lang="scss" scoped>
  @import '../content.scss';

  .miniFont {
    font-size: 10px;
  }

  .miniFontCenter {
    margin-top: 8px;
  }

  .content51 {
    padding-inline: 0 !important;
    ::v-deep .el-input__suffix{
      display: none;
    }
    .latex{
      margin-top: 15px;
    }
    table {
      width: 100%;

      td {
        max-width: 100px;

        ::v-deep .el-checkbox__label {
          white-space: break-spaces;
        }
      }

      .el-input {
        width: 100% !important;
      }

      .multipleInput {
        .el-input {
          width: 50px !important;
        }
      }
    }

    .innertitle {
      display: block;
      margin-left: 0;
    }

    .table1 {
      .el-radio {
        display: flex;
        align-items: center;
      }
    }

    #hearderTR td:nth-child(7) {
      display: none;
    }
  }
</style>
